<extend name="_Layout/main"/>

<block name="breadcrumb"></block>
<block name="style">

</block>

<block name="main">
<style type="text/css">
@media (min-width: 1200px){
	.home-articles-list .col-lg-2 {
		width: 25%;
	}
	.home-muisc-list .col-lg-2 {
    	width: 20%;
	}
}

</style> 
        <div class="widget-1 widget-odd widget_music_post_widget widget">
            <h2 class="font-thin m-b m-t-none">
				小众故事
				<span class="musicbar animate inline m-l-sm" style="width:20px;height:20px">
                    <span class="bar1 a1 bg-primary lter"></span>
                    <span class="bar2 a2 bg-info lt"></span>
                    <span class="bar3 a3 bg-success"></span>
                    <span class="bar4 a4 bg-warning dk"></span>
                    <span class="bar5 a5 bg-danger dker"></span>
				</span>
			</h2>
            <div class="row row-sm home-articles-list">
                <corethink:document_list name="vo" cid="1" limit="8">
                    <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
                        <article class="item">
                            <div class="pos-rlt">
								<a href="javascript:;" data-id="{$vo.id}" class="play-me">
									<div class="item-overlay opacity r bg-black">
										<div class="center text-center m-t-n">
												<i class="icon-control-play i-2x text"></i>
												<i class="icon-control-pause i-2x text-active"></i>
										</div>
									</div>
								</a>
                                <a href="{:U('Document/detail/id/'.$vo['id'])}" title="{$vo.tilte}">
                                    <img width="400" height="400" src="{$vo.cover|get_cover='default'}" class="r img-full wp-post-image">
                                </a>
                            </div>

                            <div class="m-t-sm m-b-lg item-desc">
                                <a href="{:U('Document/detail/id/'.$vo['id'])}" title="{$vo.tilte}" class="text-ellipsis">{$vo.title}</a>
                                <php>$userinfo=M('User')->find($vo['uid']);$info['username']=$userinfo['username'];</php>
                                <div class="text-muted text-xs text-ellipsis">
                                    by 
                                    <a href="{:U('User/home/uid/'.$vo['uid'])}" rel="tag">{$info.username}</a>
                                    <a href="{:U('Document/detail/id/'.$vo['id'])}" rel="nofollow" class="more-link">继续阅读 »</a>
                                </div>
                            </div>
                        </article>
                    </div>
                </corethink:document_list>
            </div>
        </div>
        <div class="widget-2 widget-even widget-alt widget_text widget">
            <div class="textwidget">
                <div class="textwidget">
                    <div class="row m-t-lg m-b-lg">
                        <div class="col-sm-6">
                            <div class="bg-white wrapper-md r">
							<present name="__USER__">
								<a href="javascript:;" >
                                    <span class="h4 m-b-xs block"><i class=" icon-user-follow m-r-sm"></i>您已登录</span>
                                    <span class="text-muted">既然已经登录，那就现在开始浏览试听触动你心弦的篇章和音乐吧.</span>
                                </a>
							<else />
                                <a href="#" data-toggle="modal" data-target="#login-modal" >
                                    <span class="h4 m-b-xs block"><i class=" icon-user-follow m-r-sm"></i>登录或创建帐户</span>
                                    <span class="text-muted">我们用一首歌、一张图、一篇文章，诉说一个不为人知的内心.</span>
                                </a>
							</present>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="bg-info dker wrapper-md r">
                                <a href="#">
                                    <span class="h4 m-b-xs block"><i class="icon-cloud-download  m-r-sm"></i> 我们仅提供音乐试听</span>
                                    <span class="text-muted">由于音乐涉及版权问题，我们仅提供在线试听，并不提供下载.</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="widget-3 widget-odd widget_music_post_widget widget">
            <h2 class="font-thin m-b m-t-none">小众音乐</h2>
            <div class="row row-sm home-muisc-list">
                <corethink:document_list name="vo" cid="32">
                    <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
                        <article id="post-{$vo.id}" class="item">
                            <div class="pos-rlt">
                                <img width="265" height="210" src="Application/Home/View/Music/_Resource/img/cd-music.png" class="r img-full wp-post-image">
								<div class="opacity r bg-black" style="width: 77%">
                                   <img style="width: 77%;height: 96%;position: absolute;top: 0;" src="{$vo.cover|get_cover='default'}" class="r img-full wp-post-image" alt="{$vo.main_field}">
                                </div>
								<a href="javascript:;" data-id="{$vo.id}" class="play-me">
									<div class="item-overlay opacity r bg-black" style="width: 77%;height: 96%;">
										<div class="center text-center m-t-n">
											<i class="icon-control-play i-2x text"></i>
											<i class="icon-control-pause i-2x text-active"></i>
										</div>
									</div>
								</a>
                            </div>
                            <php>$userinfo=M('User')->find($vo['uid']);$info['username']=$userinfo['username'];</php>
                            <div class="m-t-sm m-b-lg item-desc" style="margin-top: 0px;">
                                <p title="{$vo.main_field}" style="margin:0 0 0px;">{$vo.title}</p>
                                <div class="text-muted text-xs text-ellipsis">by <a href="{:U('User/home/uid/'.$vo['uid'])}" rel="tag">{$info.username}</a></div>
                            </div>
                        </article>
                    </div>
                </corethink:document_list>
            </div>
        </div> 

    
        <div class="row">
            <div class="col-md-6">
            </div>
            <div class="col-md-6">
            </div>
        </div>

        </div>
        <!-- Main End -->
</block>